/* 学习目标：了解-class组件的创建方式  */
// 快捷键：rfc

// 语法：on+驼峰事件名={函数}
// 注意：绑定的是一个函数， 而不是函数的调用
// onClick={fn✅}
// onClick={fn()❌}
import React from 'react';

export default function App() {
  const fn = () => {
    alert('点我干啥');
    console.log('you clike me  ----->  ');
  };

  return (
    <div>
      {/* 简写: 少量逻辑，使用箭头函数单行代码 */}
      <button onClick={() => alert(123)}>点我</button>
      {/* 多行代码: 1. 声明函数 2.绑定函数 */}
      <button onClick={fn}>点我执行较多的逻辑</button>
    </div>
  );
}
